<template>
  <a-form auto-label-width layout="inline">
    <a-form-item label="取色策略">
      <a-radio-group size="small" v-model="seriesbar.colorBy">
        <a-radio value="series" label="系列">系列</a-radio>
        <a-radio value="data" label="数值">数值</a-radio>
      </a-radio-group>
    </a-form-item>
    <a-form-item label="柱体宽度">
      <xiri-form v-model="seriesbar.barWidth" option="number" />
    </a-form-item>
    <a-form-item label="柱体最小高度">
      <xiri-form v-model="seriesbar.barMinHeight" option="number" />
    </a-form-item>
    <a-form-item label="柱体间距">
      <xiri-form v-model="seriesbar.barGap" />
    </a-form-item>
    <item-style :options="seriesbar.itemStyle" />
    <background-style :options="seriesbar" />
  </a-form>
</template>
<script setup>
import BackgroundStyle from "@/plugins/common/options/backgroundStyle.vue"
import ItemStyle from "@/plugins/common/options/itemStyle.vue"

defineOptions({
  name: "echarts-bar"
})
const attrs = useAttrs()
const option = attrs.option
const seriesbar = option.seriesbar
</script>
<style scoped lang="less">
.bi-bar {
  width: 100%;
  height: 100%;
}
</style>
